<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
 	  xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

		<ui:composition template="/plantillas/comun.xhtml">
			<ui:define name="pageTitle">
				<h:outputText value="Empresas Cliente - Vimeworks"/>
			</ui:define>
			<ui:define name="pageContent">
				<h:form>
					<h3>
						<h:outputText value="Administraci&#243;n de Empresas Cliente"/>
					</h3>
					<h:outputText value="Nombre:" />
					<h:inputText value="#{administracionEmpresasCliente.nombreBusqueda}"/>
					<a4j:commandButton value="Buscar" action="#{administracionEmpresasCliente.buscar}" render="listadoEmpresas" execute="@form"/>
					<a4j:commandButton value="Nueva" render="panelIngreso" action="#{administracionEmpresasCliente.nuevaEmpresa}" 
					                   oncomplete="#{rich:component('modalNuevaEmpresa')}.show(); return false;"/>
					<br/><br/>
					<h:panelGroup id="listadoEmpresas">
						<rich:dataTable id="tablaEmpresas" value="#{administracionEmpresasCliente.listaEmpresasCliente}" var="empresa" rows="10" noDataLabel="No se han encontrado resultados">
							<rich:column>
								<f:facet name="header">
									<h:outputText value="C&#243;digo" />
								</f:facet>
								<h:outputText value="#{empresa.codigo}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Nombre" />
								</f:facet>
								<h:outputText value="#{empresa.nombre}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Estado" />
								</f:facet>
								<h:outputText value="#{empresa.estado}" />
							</rich:column>
							<rich:column>
								<a4j:commandLink actionListener="#{administracionEmpresasCliente.editarEmpresa}" oncomplete="#{rich:component('modalActualizarEmpresa')}.show(); return false;" render="panelActualizacion">
									<h:graphicImage value="/images/info.png" width="20px" height="20px" title="Editar"/>
								</a4j:commandLink>
								<a4j:commandLink actionListener="#{administracionEmpresasCliente.eliminarEmpresa}" onclick="return mostrarConfirmacion('Esta seguro que desea eliminar el registro?');" render="listadoEmpresas">
									<h:graphicImage value="/images/remove.png"  width="20px" height="20px" title="Eliminar"/>
								</a4j:commandLink>
							</rich:column>
						</rich:dataTable>
						<rich:dataScroller for="tablaEmpresas" maxPages="5" />
					</h:panelGroup>
				</h:form>
				<rich:popupPanel id="modalNuevaEmpresa" modal="true" autosized="true">
					<f:facet name="header">
						<h:outputText value="Ingreso de Empresa" />
					</f:facet>
					<h:form>
						<a4j:outputPanel id="panelIngreso" >
							<h:panelGrid columns="2">
								<h:outputText value="Nombre:"/>
								<h:panelGroup>
									<h:inputText id="nombreNuevaEmpresa" value="#{administracionEmpresasCliente.nombreNuevaEmpresa}" maxlength="150" size="35">
										<f:validator validatorId="validadorNoVacio"/>
									</h:inputText>
									<rich:message ajaxRendered="true" for="nombreNuevaEmpresa"/>
								</h:panelGroup>
							</h:panelGrid>
							<br/>
							<a4j:commandButton value="Guardar" action="#{administracionEmpresasCliente.guardarNuevaEmpresa}" 
											   render="listadoEmpresas" data="#{facesContext.maximumSeverity.ordinal ge 2}" 
							                   execute="@form" oncomplete="ocultarModal('modalNuevaEmpresa', event.data);">
							</a4j:commandButton>
							<a4j:commandButton value="Cancelar" action="#{administracionEmpresasCliente.cancelar}" 
							                   oncomplete="#{rich:component('modalNuevaEmpresa')}.hide(); return false;" 
							                   render="panelIngreso" immediate="true"/>
						</a4j:outputPanel>
					</h:form>
				</rich:popupPanel>
				<rich:popupPanel id="modalActualizarEmpresa" header="Actualizaci&#243;n de Empresas" modal="true" autosized="true" maxWidth="1000">
					<h:form>
						<a4j:outputPanel id="panelActualizacion" >
							<h:panelGrid columns="2">
								<h:outputText value="Nombre:"/>
								<h:panelGroup>
									<h:inputText id="nombreActualizar" value="#{administracionEmpresasCliente.empresa.nombre}" maxlength="150" size="35">
										<f:validator validatorId="validadorNoVacio"/>
									</h:inputText>
									<rich:message ajaxRendered="true" for="nombreActualizar"/>
								</h:panelGroup>
							</h:panelGrid>
							<br/>
							<a4j:commandButton value="Guardar" action="#{administracionEmpresasCliente.guardarEmpresaActualizada}" 
							                   render="listadoEmpresas" data="#{facesContext.maximumSeverity.ordinal ge 2}" 
							                   oncomplete="ocultarModal('modalActualizarEmpresa', event.data);"/>
							<a4j:commandButton value="Cancelar" action="#{administracionEmpresasCliente.cancelar}" 
							                   oncomplete="#{rich:component('modalActualizarEmpresa')}.hide(); return false;" 
							                   render="panelActualizacion" immediate="true"/>
						</a4j:outputPanel>
					</h:form>
				</rich:popupPanel>
			</ui:define>
		</ui:composition>
	
</html>